$defaultWidth: 100%;
$defaultPadding20: 20px;
$defaultPadding10: 10px;
$swiperHeight: 407px;
$swiperWidth: 100%;
$defaultColor: #ffb72f;

.sp-reservation-success {
  background-color: whitesmoke;
  min-height: 100vh;
  .header {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    .success-icon {
      width: 150px;
      height: 150px;
    }
  }
  .money {
    font-size: 1.125rem;
    font-weight: bold;
  }
  .tips {
    color: gray;
    font-size: 0.95rem;
  }
  .time-text {
    font-weight: bold;
    text:nth-child(2) {
      margin-left: 10px;
    }
  }
  .card {
    padding: $defaultPadding20;
    background: #ffffff;
    border-radius: 8px;
    margin: $defaultPadding20 auto;
    width: 95%;
  }
  .item {
    text-align: center;
    margin: $defaultPadding20 0;
  }
  .cover {
    width: 80px;
    height: 60px;
    padding-right: 20px;
  }
  .op {
    display: flex;
    color: $defaultColor;
    text-align: center;
    margin-top: calc($defaultPadding20 * 3);
    font-weight: 500;
    &-order {
      flex: 1;
      border-right: 1px solid #d9d9d9;
    }
    &-share {
      flex: 1;
    }
  }
}
